<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <div class="row nav">
        <div class="row">
            <div class="col logo"></div>
            <div class="col search"></div>
            <div class="col">
                <div class="col">
                    <a href="#">备案</a>
                    <a href="#">中国站</a>
                    <a href="#">控制台</a>
                </div>
                <div class="col auth">
                    <a href="#">登录</a>
                    <a href="#">注册</a>
                </div>
            </div>        
        </div>
        <div class="row">
            <a href="">关于华为云</a>
            <a href="">最新活动</a>
            <a href="">产品</a>
            <a href="">解决方案</a>
        </div>
        <div class="row">
            <div class="col">
                <i></i>
                <div>关于华为云</div>
                <div>了解华为云</div>
            </div>
            <div class="col">
                <a href="#">
                    <div class="col">
                        <i></i>
                    </div>
                    <div class="col">
                        <div>华为云简介</div>
                        <div>+智能，见未来 </div>
                    </div>
                </a>

            </div>
        </div>
    </div>
    <div class="row main">
        <div class="row">
            <div class="row title">
                <div>免费试用</div>
                <div>为您提供</div>
            </div>         
            <div class="row">
                <div class="row">
                    <div class="col">
                        <div>企业免费试用套餐</div>
                        <div>完成企业实名认证</div>
                    </div>
                    <div class="col">
                        <div>个人免费试用套餐</div>
                        <div>完成个人实名认证</div>
                    </div>
                </div>
                <div class="row">
                    <div class="card">
                        <div class="title">
                            <i></i>
                            <span>ECS云服务器</span>
                            <span>弹性伸缩，稳定可靠</span>
                        </div>
                        <div class="col">
                            <div class="选项通用型">
                                <div class="col">
                                    <input type="radio">
                                    <span>ECS通用型</span><!-- <input type="radio" >通用型 ，是否可行？-->
                                </div>
                                <div class="col">
                                    <div class="col">
                                        <div>CPU</div>
                                        <div>1核</div>
                                    </div>
                                    <div class="col">
                                        <div>操作系统</div>
                                        <div>
                                            <select name="system" id="">
                                                <option value="">Windows</option>
                                                <option value="">Linux</option>
                                            </select>                                          
                                        </div>
                                    </div>                                  
                                </div>
                                <div class="col">
                                    <span>30天</span>
                                </div>
                            </div>  
                            <div class="选项进阶型">
                                <div class="col">
                                    <input type="radio">
                                    <span>ECS进阶型</span>
                                </div>
                                <div class="col">
                                    <div class="col">
                                        <div>CPU</div>
                                        <div>2核</div>
                                    </div>
                                    <div class="col">
                                        <div>操作系统</div>
                                        <div>
                                            <select name="system" id="">
                                                <option value="">Windows</option>
                                                <option value="">Linux</option>
                                            </select>                                          
                                        </div>
                                    </div>                                  
                                </div>
                                <div class="col">
                                    <span>30天</span>
                                </div>
                            </div>                                                                                       
                        </div>
                        <div class="col">
                            <div>ECS通用型</div>
                            <div>免费试用7天</div>
                            <div>原价998</div>
                            <button>免费领取</button>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
        <div class="row">
            <div class="row title">客户案例</div>         
            <div class="row">
                <div class="col">
                    <div>VMALL.com</div>
                    <div>
                        <div>电商平台大促秒杀</div>
                        <div>帮助华为……</div>
                    </div>
                </div>
            </div>   
        </div>
        <div class="row">
            <div class="row title">
                <div>其他免费体验产品</div>
                <div>完成实名认证即可使用</div>
            </div>         
            <div class="row">
                <div class="col">
                    <i></i>
                    <div>云容器引擎</div>
                    <div>CCE</div>
                </div>
                <div class="col">
                    <i></i>
                    <div>分布式数据库中间件</div>
                    <div>DDM</div>
                </div>
            </div>
            <div>
                <a href="">更多产品试用→</a>
            </div>
        </div>
        <div class="row">
            <div class="row title">了解更多精彩活动</div>         
            <div class="row">
                <a href="">
                    <p>云产品特惠专区</p>
                    <p>精选用户更青睐产品，云服务器低至3折</p>
                    <button>了解详情</button>
                </a>
                <a href="">
                    <p>全新S6云服务器</p>
                    <p>5折限时抢购，送域名优惠</p>
                    <button>了解详情</button>
                </a>
            </div>
            <div class="row">
                <p>详细规则</p>
                <p>1.</p>
                <p>2.</p>
            </div>
        </div>
    </div>
    <div class="row footer">
        <div class="raw">
            <a href="#">
                <div class="col">
                    <i></i>
                </div>
                <div class="col">
                    <div>7*24</div>
                    <div>多渠道支持</div>
                </div>
            </a>
        </div>
        <div class="raw">
            <div class="raw">
                <div class="col">
                    <div class="raw">
                        <div class="raw">
                            <div class="col">
                                <i></i>
                            </div>
                            <div class="col">
                                <div>服务热线</div>
                                <div>40000001</div>
                            </div>
                        </div>
                        <div class="raw">
                            <a href="#">售前咨询</a>
                            <a href="#">备案服务</a>
                            <a href="#">云市场咨询</a>
                        </div>
                    </div>
                    <div class="raw">
                        <a href="#">weibo</a>
                        <a href="#">wechat</a>
                    </div>
                </div>
                <div class="col">
                    <div class="title"></div>
                    <div>
                        <a href="">了解华为云</a>
                        <a href="">客户案例</a>
                    </div>
                </div>
            </div>
            <div class="raw">
                <div class="col">
                    <div>版权</div>
                    <div>备案</div>
                </div>
                <div class="col">
                    <a href="#">法律声明</a>
                    <a href="#">隐私政策</a>
                </div>
            </div>
        </div>
    </div>
</body>

</html>